/*
-----------------------------------------------
Blogger Template Style
Name:     blogger template name
Designer: bouyardane
URL:      www.bouyardane.com
----------------------------------------------- */
/* Content
----------------------------------------------- */
*{
backgrund:url(http://bouyardane.blogspot.com/);
margin:0;
padding:0;
outline:0;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
background: transparent;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration:underline;
}
del {
text-decoration: line-through;
}
h1, h2, h3, h4, h5, h6, p, blockquote, ul, ol, il, a, input {
direction:rtl;
}
a {text-decoration:none;color:#f44;}
a :visited{text-decoration:none;color:#888;}
a :hover{text-decoration:none;color:#c00;}
blockquote
{
margin:10px;
padding:8px;
border:1px solid #ddd;
color:#444;
text-shadow:0 1px 0 #fff;
background:#f8f8f8;
}
ul , ol , dl {
list-style-position:inside;
font-weight:bold;
list-style:none;
}
/*-----Font Face-----*/
@font-face {
font-family: 'GESSTwoMediumRegular';
src: url('https://dl.dropboxusercontent.com/u/83505058/ge-ss-med-webfont.eot');
src: url('https://dl.dropboxusercontent.com/u/83505058/ge-ss-med-webfont.eot?') format('embedded-opentype'),
url('https://dl.dropboxusercontent.com/u/83505058/ge-ss-med-webfont.woff') format('woff'),
url('https://dl.dropboxusercontent.com/u/83505058/ge-ss-med-webfont.ttf') format('truetype'); }
/*------------Body----------------*/
body{
background:url(http://4.bp.blogspot.com/-XSSjp0cUuM4/UhVanom5r5I/AAAAAAAAA7w/Cp07qkquN3I/s1600/bg.png);
margin:0;
padding:0;
direction:rtl;
font:normal 13px tahoma;
}
/*------------Container-------------*/
#outer-wrapper{
overflow:hidden;
margin:0;padding:0;}
#header-wrapper{
width: 990px;
overflow: hidden;
height: 150px;
margin: 0 auto;
padding: 0;
background: url(http://4.bp.blogspot.com/-L4hks28BDHA/UheL_y96LcI/AAAAAAAAA84/SoSGiTAsKe8/s1600/gr-gala_09.jpg);
border-top: 5px solid #f44;
border-bottom: 1px solid #696969;
}
#content-wrapper{
width:990px;overflow:hidden;margin: 0 auto 10px;
border-top: none;padding: 0;
}
#main-wrapper{
width: 66%;
float: right;
margin: 10px 0;
padding: 0;
}
#sidebar-wrapper{width:33%;float:left;padding:0;margin:10px 0;}
/*------Metro--------*/
#metro-wrapper{width:100%;display:none;background:#62b1ed url(http://2.bp.blogspot.com/-Rv_IGaoYX-A/UhjihpHoLsI/AAAAAAAABBo/1iPVSc3C4ys/s1600/start-r.png); overflow:hidden; margin:0 auto;padding:0;}
#metro{width:1080px;margin:0 auto;}
.th3metro{width:270px;float:right;direction:rtl;overflow:hidden}
.th3metro ul{margin:0;list-style:none;}
.th3metro ul li{margin:4px;}
.th3metro ul li:hover{border:4px solid #73b8ff;}
.th3metro .big{float:right;width:250px;height:120px;padding:0;}
.th3metro .small{float:right;width:117px;height:120px;padding:0;}
.th3metro ul li span{text-align:right;color:#fff}
.th3metro #home{
display: inline-block;
line-height: 0;
text-indent: -9999em;
background:#2a92e2 url(http://3.bp.blogspot.com/-RHDTf_GFIhM/Uf_QD2Gx1FI/AAAAAAAAAyk/OyPbS61f95k/s1600/home.png) no-repeat 50% 50%;
border:4px solid #2a92e2;
}
.th3metro #vb{
display: inline-block;
line-height: 0;
text-indent: -9999em;
background:#db552d url(http://3.bp.blogspot.com/-Hf-n-G7V1GQ/Uf_QGQSmELI/AAAAAAAAAzY/-9gf2SN8RQg/s1600/vb.png) no-repeat 50% 50%;
border:4px solid #db552d;
}
.th3metro #blog{
display: inline-block;
line-height: 0;
text-indent: -9999em;
background:#00b1f0 url(http://2.bp.blogspot.com/-goqtRb5IgF4/Uf_QBuwv-lI/AAAAAAAAAx0/nvXG9SZJdis/s1600/blog.png) no-repeat 50% 50%;
border:4px solid #00b1f0;
}
.th3metro #Android{
display: inline-block;
line-height: 0;
text-indent: -9999em;
background:#00bb00 url(http://2.bp.blogspot.com/-asq0Wd6NJrU/Uf_QBZrRbiI/AAAAAAAAAxw/OLZIHvHMStg/s1600/Android.png) no-repeat 50% 50%;
border:4px solid #00bb00;
}
.th3metro #security{
display: inline-block;
line-height: 0;
text-indent: -9999em;
background:#643ebf url(http://2.bp.blogspot.com/-4nlWz43b48w/Uf_QEmzWHWI/AAAAAAAAAyw/fOhaePA8epo/s1600/security.png) no-repeat 50% 50%;
border:4px solid #643ebf;
}
.th3metro #video{
display: inline-block;
line-height: 0;
text-indent: -9999em;
background:#b71c45 url(http://3.bp.blogspot.com/-PjRlUHSCMFQ/Uf_QGTe0JfI/AAAAAAAAAzc/jZ9EUQwOnj0/s1600/video.png) no-repeat 50% 50%;
border:4px solid #b71c45;

}
.th3metro #windows{
display: inline-block;
line-height: 0;
text-indent: -9999em;
background:#83c3ff url(http://3.bp.blogspot.com/-ZaTNvLzVF6s/Uf_QGu8HePI/AAAAAAAAAzM/dULoTReeD9g/s1600/windows.png) no-repeat 50% 50%;
border:4px solid #83c3ff;
}
.th3metro #linux{
display: inline-block;
line-height: 0;
text-indent: -9999em;
background:#c6d53f url(http://4.bp.blogspot.com/-yOjd2iqfPgQ/Uf_QEUQxD3I/AAAAAAAAAy0/tkkjbHp7L4k/s1600/linux.png) no-repeat 50% 50%;
border:4px solid #c6d53f;
}
.th3metro #fb{
display: inline-block;
line-height: 0;
text-indent: -9999em;
background:#0a57c0 url(http://1.bp.blogspot.com/-8rUy_nuZbuc/Uf_QC7HAruI/AAAAAAAAAyI/GfGpapSu4KQ/s1600/fb.png) no-repeat 50% 50%;
border:4px solid #0a57c0;
}
.th3metro #g{
display: inline-block;
line-height: 0;
text-indent: -9999em;
background:#b71c45 url(http://1.bp.blogspot.com/-Q-o9tNPGPrQ/Uf_QDTZOEQI/AAAAAAAAAyU/Q137brzOG2g/s1600/g.png) no-repeat 50% 50%;
border:4px solid #b71c45;
}
.th3metro #blogger{
display: inline-block;
line-height: 0;
text-indent: -9999em;
background:#db552d url(http://4.bp.blogspot.com/-wuINYY7gXe8/Uf_QCE8sFWI/AAAAAAAAAx8/JhZl9w6dllA/s1600/blogger.png) no-repeat 50% 50%;
border:4px solid #db552d;
}
.th3metro #contact{
display: inline-block;
line-height: 0;
text-indent: -9999em;
background:#009bad url(http://3.bp.blogspot.com/-9IJX9o8JvxU/Uf_QCdOeQyI/AAAAAAAAAyQ/IFAKHWgeal4/s1600/contact.png) no-repeat 50% 50%;
border:4px solid #009bad;
}
.th3metro #home:hover,.th3metro #vb:hover,.th3metro #contact:hover,.th3metro #video:hover{border:4px solid #73b8ff;}
.th3metro #fb:hover,.th3metro #blogger:hover,.th3metro #g:hover,.th3metro #blog:hover{border:4px solid #73b8ff;}
.th3metro #Android:hover,.th3metro #security:hover,.th3metro #windows:hover,.th3metro #linux:hover{border:4px solid #73b8ff;}

.metro_btn img{
float: left;
padding: 6px;
background: #f44;
border-bottom: 4px solid #86CBFF;
}
/*---------Header---------------*/
#head{width:1024px;overflow:hidden;margin:0 auto;padding:0;}
#header {
width: 223px;
clear: both;
float: right;
margin: 14px 0 0;
padding: 0;
}
.ads{
width: 728px;
float: left;
margin: 32px 0 0 46px;
padding: 3px 3px 0;
background: #ccc;
}
/*-------------Topnav--------*/
#topnav{
width:990px;
margin:0;
padding:0;
overflow:hidden;
background:url(http://good-themes.com/preview/mudawanah/wp-content/themes/Mudawanah/images/top_bar_bg.gif) repeat-x;
height: 35px;
border-bottom: 3x solid #f44;
}
#topnav ul{
width: 990px;
margin: 0 auto;
padding: 0;
overflow: hidden;
}
#topnav ul li {
float: right;
padding: 0 10px 0 10px;
display: block;
margin: 10px 0;
-webkit-transition: all 1s ease .2s;
-moz-transition: all 1s ease .2s;
-o-transition: all 1s ease .2s;
-pie-transition: all 1s ease .2s;
transition: all 1s ease .2s;
}
#topnav ul li a{
margin: 5px;
padding: 0;
color: #fff;
font: normal 12px tahoma;
text-shadow: 1px 1px 0 #000;
}
#topnav ul li span{text-align:center;margin:0;padding:0;color:#00C0F0;text-shadow: 0 1px 0 #000;font:normal 11px tahoma;}
#topnav ul li:hover, #topnav ul li.active {
color: #CCC;
-webkit-transition: all 1s ease .2s;
-moz-transition: all 1s ease .2s;
-o-transition: all 1s ease .2s;
-pie-transition: all 1s ease .2s;
transition: all 1s ease .2s;
}
#topnav ul li a:hover, #topnav ul li.active a {
color: #f44;
}
/*-------------Search-----------------*/

#searcharea{margin: 0 0 10px;}
.searchbox{
background: #f8f8f8 url(http://2.bp.blogspot.com/-aVUwPT-6V84/Uhjc_2FsUyI/AAAAAAAABAs/kh2O-SAcj7w/s1600/search-r.png) no-repeat 95% 50%;
font-family: tahoma;
color: #888;
margin: 0;
border: 1px solid #c00;
padding: 13px 36px 14px 10px;
border-right: 4px solid #c00;
width: 198px;
}
.searchbox:focus{
border: 1px solid #f44;
border-right: 4px solid #f44;
}
.searchbtn {
background: #f44;
border: 1px solid #c00;
color: #FFF;
font: normal 14px GESSTwoMediumRegular, tahoma;
padding: 10px 20px;
margin: 0 -4px 0;
}
.searchbtn:hover {
background: #c00;
}
/*-------------subscibe-----------------*/
#subscibe {
margin: 0 10px;
margin-bottom: 10px !important;
}
.subscibebox{
background: #FFF url(http://1.bp.blogspot.com/-zIrQsrj2ZCQ/Uhjc_hitF1I/AAAAAAAABAw/gQigmR7QXf4/s1600/contact-r.png) no-repeat 95% 50%;
font-family: 'HelveticaNeueW23';
color: #f44;
margin: 10px 0;
width: 180px;
padding: 16px 35px 16px 0;
border: 1px solid #f44;
border-right: 5px solid #c00;
opacity: 0.8;

}
.subscibebox:focus{
border: 1px solid #f44;
border-right: 5px solid #c00;
box-shadow:0 0 3px #f44;
opacity: 0.8;
}
.subscibebtn {
background: none repeat scroll 0 0 #f44;
border: 1px solid #f44;
color: #FFF;
font-family: 'HelveticaNeueW23';
padding: 16px 20px;
margin: 0 -4px 0 0;
}
.subscibebtn:hover {
background: none repeat scroll 0 0 #c00;
border: 1px solid #c00;
color: #FFF;
font-family: 'HelveticaNeueW23';
padding: 16px 20px;
margin: 0 -4px 0 0;
}
/*-------------Social-------------*/
#ja-social .social { }
#ja-social .ico-social { border-left-color: #444; }
#ja-social .ico-social.ico-rss{background-image: url(http://2.bp.blogspot.com/-HdpfFKGUqac/Ue93HmOqf3I/AAAAAAAAAgA/zKI0mSmflrU/s1600/rss.png); }
#ja-social .ico-social.ico-facebooks{background-image: url(http://3.bp.blogspot.com/-Jr8s6Y0e628/Ue93Hl2gUGI/AAAAAAAAAgc/4UD2m4hOsVE/s1600/fb.png); }
#ja-social .ico-social.ico-twitters{background-image: url(http://1.bp.blogspot.com/-Ekvqx7yBy5A/Ue93IDq7tNI/AAAAAAAAAgQ/GfNxqGe0j9s/s1600/tw.png); }
#ja-social .ico-social.ico-g{background-image: url(http://4.bp.blogspot.com/-Pu7gBFFgPY0/Ue93HnzoK4I/AAAAAAAAAf8/Hmll0UscyTM/s1600/g.png); }
#ja-social .ico-social.ico-youtube{background-image: url(http://3.bp.blogspot.com/-SZcmWZ6YHzs/Ue93IeWMTdI/AAAAAAAAAgM/ENfkC1SAd2k/s1600/youtube.png); }
#ja-social { float: left; margin:3px;}
#ja-social .social {
float: left;
padding: 2px; }
#ja-social .ico-social {
background-position: left top;
display: inline-block;
float: left;
font-size: 0;
height: 30px;
line-height: 0;
text-indent: -9999em;
width: 30px;
-webkit-transition: all 1s ease .1s;
-moz-transition: all 1s ease .1s;
-o-transition: all 1s ease .1s;
-pie-transition: all 1s ease .1s;
transition: all 1s ease .1s;
}
#ja-social .ico-social:hover,
#ja-social .ico-social:focus,
#ja-social .ico-social:active { background-position: left bottom;
-webkit-transition: all 1s ease .1s;
-moz-transition: all 1s ease .1s;
-o-transition: all 1s ease .1s;
-pie-transition: all 1s ease .1s;
transition: all 1s ease .1s;
}
/******-----------***********/
#navi {
width: 990px;
margin: 0;
height: 44px;
background: #f44;
padding: 0;
clear: both;
box-shadow: 0 3px 0px #c00;
border-radius: 0 0 3px 3px;
}
#navi h2 {
display:none
}
#navi ul {
list-style:none;
margin:0;
padding:0;
}
#navi ul li {
float:right;
padding:12px 20px;
border-left:1px solid #c00;
}

#navi ul li a {
color:#fff;
font:normal 14px GESSTwoMediumRegular, tahoma; arial;!important;
text-decoration:none;
}
#navi ul li:hover {
background: #c00;
}
.post-labels{display:none;}
/*---------post--------*/
.BlogArchive #ArchiveList ul li{
background: none;
list-style: none;
list-style-image: none;
list-style-position: outside;
border-width: 0;
padding-right: 20px;
margin: .25em 0;
background-image: none;
}
.post-title{padding: 20px;color:#888;font:normal 20px 'GESSTwoMediumRegular', arial, tahoma;}
.post {
background: none repeat scroll 0 0 #fff;
border-bottom: 4px solid #f44;
color: #555555;
margin-bottom: 10px;
padding:0;
text-align: justify;
text-decoration: none;
font: normal 13px tahoma;
line-height: 1.6em;
}
.post-thumbnail {
line-height: 0;
}
.post h3 {
padding: 10px;
border-bottom: 1px solid #ddd;
color: #5F5F5F;
font: normal 20px 'GESSTwoMediumRegular', arial, tahoma;
background: #f8f8f8;
margin: 0 0 3px;
}
.post h3 a {
padding: 0;
color: #444;
font: normal 20px 'GESSTwoMediumRegular', arial, tahoma;
}
.post-body{width:98%;padding:4px 8px;}
.post a{font-size:12px;}
#readmore a{
background: #f44 url(http://4.bp.blogspot.com/-iagl5vf13R0/UhjTYEuPYlI/AAAAAAAAA_o/OEs4deR6L9I/s1600/rm.png) no-repeat 91% 50%;
float: left;
color: #FFF;
margin: -31px 0 0 10px;
padding: 14px 35px 8px 8px;
text-decoration: none;
font: normal 13px 'GESSTwoMediumRegular', arial, tahoma;
}
#readmore a:hover{
background: #c00 url(http://4.bp.blogspot.com/-iagl5vf13R0/UhjTYEuPYlI/AAAAAAAAA_o/OEs4deR6L9I/s1600/rm.png) no-repeat 91% 50%;
}
.section {
margin: 0 8px;
}
/*------------------sidebar--------------------*/
.sidebar{margin:0 0 0 6px;padding:0;}
.sidebar h2{
font: normal 16px 'GESSTwoMediumRegular', arial, tahoma;
margin: 0;
border-bottom: 4px solid #f44;
padding: 10px;
color: #444;
}
.sidebar ul{
margin: 0;
line-height: 1.8em;
padding: 0 14px 8px 4px;
font-size: 12px;
font-family: tahoma;
font-weight: normal;
overflow:hidden;
}
.sidebar ul li{margin: 0 0 10px;}
.sidebar ul li a{color:#888;font-size: 14px;font-family: GESSTwoMediumRegular;}
.sidebar ul li a:hover{color:#f44;}

.sidebar .widget{
background: #fff;
margin:0 0 10px;
padding: 0;
box-shadow: 0px 1px 2px 0px #bababa;
}
/*-----------labels-----------------*/
.list-label-widget-content ul li{ float:right;margin:0;padding:0; }
#Label1{padding:0;}
#Label1 ul{margin:0;}
#Label1 ul li{
padding: 6px 10px 6px;
border: 1px solid #c00;
margin: 2px;
background: #f44;
}
#Label1 ul li a {
color: #fff;
font: normal 12px GESSTwoMediumRegular;
}
#Label1 ul li:hover {
background: #c00;
text-decoration:underline;
}
#Label2{padding:0;width:100%;}
#Label2 ul{margin:0;width:100%;padding: 0px 4px;}
#Label2 ul li {
padding: 6px 0 6px;
border: 1px solid #ddd;
margin: 2px;
background: #fff;
}
#Label2 ul li a {
color: #aaa;
font: normal 12px GESSTwoMediumRegular;
}
#Label2 ul li a:hover {
color: #f44;
text-decoration:underline;
}
/** Admin Profile **/
.profile-img {
float: right;
margin-top: 0;
margin-left: 5px;
margin-bottom: 5px;
margin-right: 0;
padding: 4px;
border: 1px solid #dddddd;
}
.profile-data {
margin:0;
text-transform:uppercase;
letter-spacing:.1em;
font: normal normal 78% 'GESSTwoMediumRegular', Trebuchet, Arial, Verdana, Sans-serif;
color: #777777;
font-weight: bold;
line-height: 1.6em;
}
.profile-datablock {
margin:.5em 0 .5em;
}
.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}
.profile-link {
font: normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
text-transform: uppercase;
letter-spacing: .1em;
}
#ArchiveList {
text-align: right;
padding: 8px;
}
#BlogArchive1_ArchiveMenu{
width: 100%;
padding: 10px;
background: #FD934D;
border: 1px solid #F9760B;
font: normal 12px tahoma;
color: #FFF;
text-shadow: 0 1px 0 #DF6400;
}
#PopularPosts1 ul{padding:0;}
#PopularPosts1 ul li{margin: 5px 0;
border-bottom: 1px solid #DDD;
padding: 6px 0 6px 0px;}
#PopularPosts1 ul li a{color: #5E6D82}
#PopularPosts1 ul li a:hover{color:#f44;}
.PopularPosts .item-thumbnail {
float:right;
}
.PopularPosts img {
height: 48px;
width: 48px;
float:right;
margin-left:4px;
padding:3px;
}
.PopularPosts .widget-content ul li {
list-style: none;}
#search{
margin-top:0;
margin-bottom:0;
}
/*----------comments----------*/
.comments h4{
background: #f8f8f8;
padding: 10px;
color: #444;
font: bold 16px GESSTwoMediumRegular;
border: 1px solid #ddd;
}
.comment-block {
background: #f8f8f8;
padding: 8px 8px 12px;
border: 1px solid #ddd;
}
.avatar-image-container{
background: #FFF;
border: 1px solid #ddd;
padding: 3px;
}
.comment-header{
background: #FFF;
border: 1px solid #ddd;
padding: 8px;
}
.user a ,.blog-auter a{
font: normal 13px tahoma;
}
.datetime a {
float: left;
font: normal 13px tahoma;
}
.comment-content {
background: #FFF;
border: 1px solid #ddd;
padding: 10px 10px 46px;
color: #888;
font: normal 13px tahoma;
}
.comment-actions{
background: #FFF;
border: 1px solid #ddd;
padding: 7px;
font: normal 11px tahoma;
}
.comment-actions a{
font: normal 12px GESSTwoMediumRegular;
}
.widget .post-body ul {
padding: 0;
margin: 0;
line-height: 0;
}
/* ---------Page Navigation---------------- */
#blog-pager-newer-link {float: right;}
#blog-pager-older-link {float: left;margin-left:10px;}
#blog-pager {
margin-top:10px;
padding:4px 10px 4px 10px;
background:#fff;
border-radius:5px;
border: 1px solid #ddd;
}
#blog-pager a{
text-align: center;
text-transform:uppercase;
font-size:14px;
font-family:HelveticaNeueW23, tahoma, arial;
background:#fff;
color:#f44;
}
.feed-links {clear: both;line-height: 2.5em;}

/*--------Footer----------*/
#footer-wrapper {
width: 100%;
border-top: 1px solid #fff;
box-shadow: 0 -1px 2px #D5D5D5;
overflow: hidden;
background: #f8f8f8 url(http://4.bp.blogspot.com/-dK36jk78-lg/UhV3t8HECOI/AAAAAAAAA8M/ww6WfXZGkik/s1600/bg-footer.gif);
clear: both;
padding: 10px 0;
margin: 0;
}
#footer{
width:990px;
margin:0 auto;
padding:0;
}
#footer-column{
margin:0;
padding:0;
}
#footer-column h2 {
margin-bottom: 15px;
padding: 11px;
color: #777;
font: normal 12px GESSTwoMediumRegular;
text-shadow: 1px 1px 1px #fff;
background: -webkit-linear-gradient(top, rgba(249,249,249, 1) 0%, rgba(234, 234, 234, 1) 100%);
border: 1px solid #d4d4d4;
-webkit-border-radius: 4px;
}
}
}
#footer-column ul {
margin: 0;
padding: 0;
}
#footer-column ul li {
margin: 2px;
padding: 5px 6px;
color: #00ADFF;
}
#footer ul li a{
margin:0;
font: normal 12px tahoma;
padding:0;
color:#888;
}
.item-snippet{padding:4px}
.PopularPosts2 ul li a{color:#fff;}
#copyrights-wrapper {
overflow: hidden;
border-top: 1px solid #222;
background: #444;
padding: 10px 0;
color: #FFF;
margin: 0;
font: normal 12px GESSTwoMediumRegular, tahoma;
}
#copyrights{
width:990px;
overflow:hidden;
margin:0 auto;
}
.widget ul {
padding: 5px;
margin: 0;
}
.copy-right{float:right;font: normal 14px GESSTwoMediumRegular, tahoma;}
.copy-left{float:left;font: normal 14px GESSTwoMediumRegular, tahoma;}
.copy-right a{color:#f44;font: normal 14px GESSTwoMediumRegular, tahoma;}
.copy-left a{padding-right:3px;color:#f44;font: normal 14px GESSTwoMediumRegular, tahoma;}
.postauthor{
background:#f8f8f8;
border:1px solid #ddd;
border-right:none;
border-left:none;
padding:10px;
margin:10px 0 0;
overflow:hidden;
}
.postauthor img{
float:right;background:#fff;margin:0 0 0 8px;padding:4px;border:1px solid #ddd;
}
.postauthor h4{
font: normal 14px GESSTwoMediumRegular, tahoma;
color: #444;
}
.postauthor a{
color:#f44;
padding-right:2px;
}
.postauthor p{
font: normal 12px tahoma;color:#888;
line-height:1.8em;
text-shadow: 0 1px 0 #FFF;
}
.post-labels{
background: #F8F8F8;
border: 1px solid #DDD;
border-right: none;
border-left: none;
border-bottom: none;
padding: 10px;
overflow: hidden;
clear: both;
margin: -10px 0 0 0;
display: block;
color:#888;
}
.post-labels a {
background: #f44;
border: 1px solid #c00;
padding: 6px;
margin: 3px;
overflow: hidden;
font: normal 14px GESSTwoMediumRegular, tahoma;
color: #fff;
}
.post-labels a:hover {
background: #ddd;
border: 1px solid #ccc;
color: #888;
}
.feed-links{display:none;}
/*-----MetaPost--------*/
#meta-post{padding: 10px 0;margin: 0 0 -22px;background: #f8f8f8;border-top: 1px solid #ddd;}
.post-author {
background: url(http://1.bp.blogspot.com/-Q-A5Vm8wRDQ/UhjTXcgZioI/AAAAAAAAA_U/tpPdXAeqDMw/s1600/author.png) no-repeat 98% 50%;
padding: 12px 24px 12px 10px;
margin: 0 5px !important;
border-left: 1px solid #ddd;
color: #888;
}
.post-author span{color:#f44;}
.post-timestamp {
background: url(http://4.bp.blogspot.com/-t8K9nkLdhro/UhjTY67XqwI/AAAAAAAABAE/xuCABvgVqxY/s1600/time.png) no-repeat 98% 50%;
padding: 12px 25px 12px 10px;
margin: 0;
border-left: 1px solid #ddd;
color: #888;
}
.post-timestamp a{color:#f44;}
.comment-link {
background: url(http://2.bp.blogspot.com/-57QXXeioDRk/UhjTXelcAnI/AAAAAAAABAI/tlMBGutqlLg/s1600/comment.png) no-repeat 93% 53%;
padding: 13px 32px 13px 10px;
margin: 0;
border-left: 1px solid #ddd;
}
.comment-link a{color:#f44;}

/*---------Color Swotchers-------------*/
  #Chose-color{
    margin-right: 10px;
    position: fixed;
    background: #fff;
    width: 29px;
    overflow: hidden;
  }
  #Chose-color ul,#Chose-color li{padding:0;margin:0;list-style:none}
  #Chose-color li{margin:5px 2px;position:relative}
  #Chose-color li a{padding:0 2px;line-height:2px;display:block}
/*--------share---------*/
  .dhi_menu{
float: right;
margin: 16px 0 0 8px;
padding: 0;
}
.dhi_menu ul{float:left;}
.dhi_menu ul li{float:right;margin:2px;padding:0;}
  .dhi_menu ul li a{padding:10px 27px 10px 9px;border-radius: 3px;font:normal 12px tahoma;float:right;color:#fff;}
.dhi_menu ul li a:hover{}

.dhi_menu a.twitter {
    background: url(http://2.bp.blogspot.com/-Upn2CKa8jz4/UfWXo8SU2MI/AAAAAAAAAmU/_-ogegiJmkY/s1600/tw.png) no-repeat 87% center;
    background-color: #0ba6f7;
}
.dhi_menu a.twitter:hover {
    background: url(http://2.bp.blogspot.com/-Upn2CKa8jz4/UfWXo8SU2MI/AAAAAAAAAmU/_-ogegiJmkY/s1600/tw.png) no-repeat 87% center;
    background-color: #ddd;
		cursor:pointer;

}
.dhi_menu a.share {
    background: url(http://1.bp.blogspot.com/-TAJGG5Ms9D4/UfWXogICbCI/AAAAAAAAAmQ/Upuhv9y0nnM/s1600/fb.png) no-repeat 87% center;
    background-color: #003366;
}
.dhi_menu a.share:hover {
    background: url(http://1.bp.blogspot.com/-TAJGG5Ms9D4/UfWXogICbCI/AAAAAAAAAmQ/Upuhv9y0nnM/s1600/fb.png) no-repeat 92% center;
    background-color: #ddd;
	cursor:pointer;
}
.dhi_menu a.plus {
    background: url(http://2.bp.blogspot.com/-iZ2UMC49GFs/UfWXo_JR0UI/AAAAAAAAAmc/RQhjtJPCId8/s1600/g.png) no-repeat 87% center;
    background-color: #dc311b;
}
.dhi_menu a.plus:hover {
    background: url(http://2.bp.blogspot.com/-iZ2UMC49GFs/UfWXo_JR0UI/AAAAAAAAAmc/RQhjtJPCId8/s1600/g.png) no-repeat 87% center;
    background-color: #ddd;
		cursor:pointer;

}
  /*------------------------------*/
  .share_menu{
margin: 0;
padding: 0;
border: 4px solid #DDD;
overflow: hidden;
float: left;
}
.share_menu ul{
padding: 0;
margin: 0;
}
.share_menu ul li{
float: right;
padding: 0;
}
  .share_menu ul li a{padding:10px 35px 10px 20px;font:normal 12px tahoma;float:right;color:#fff;}
.share_menu ul li a:hover{}

.share_menu a.twitter {
    background: url(http://2.bp.blogspot.com/-Upn2CKa8jz4/UfWXo8SU2MI/AAAAAAAAAmU/_-ogegiJmkY/s1600/tw.png) no-repeat 92% center;
    background-color: #0ba6f7;
}
.share_menu a.twitter:hover {
    background: url(http://2.bp.blogspot.com/-Upn2CKa8jz4/UfWXo8SU2MI/AAAAAAAAAmU/_-ogegiJmkY/s1600/tw.png) no-repeat 92% center;
    background-color: #ddd;
		cursor:pointer;

}
.share_menu a.share {
    background: url(http://1.bp.blogspot.com/-TAJGG5Ms9D4/UfWXogICbCI/AAAAAAAAAmQ/Upuhv9y0nnM/s1600/fb.png) no-repeat 92% center;
    background-color: #003366;
}
.share_menu a.share:hover {
    background: url(http://1.bp.blogspot.com/-TAJGG5Ms9D4/UfWXogICbCI/AAAAAAAAAmQ/Upuhv9y0nnM/s1600/fb.png) no-repeat 92% center;
    background-color: #ddd;
	cursor:pointer;
}
.share_menu a.plus {
    background: url(http://2.bp.blogspot.com/-iZ2UMC49GFs/UfWXo_JR0UI/AAAAAAAAAmc/RQhjtJPCId8/s1600/g.png) no-repeat 92% center;
    background-color: #dc311b;
}
.share_menu a.plus:hover {
    background: url(http://2.bp.blogspot.com/-iZ2UMC49GFs/UfWXo_JR0UI/AAAAAAAAAmc/RQhjtJPCId8/s1600/g.png) no-repeat 92% center;
    background-color: #ddd;
		cursor:pointer;

}

/*---------PageNavigation------------*/
.pagenavi{
clear:both;margin:20px auto 0;text-align:center;
transition: 0.5s;

}
.pagenavi span, .pagenavi a {
padding: 10px;
width: 50px;
margin-right: 5px;
padding-top: 6px;
font: normal 12px/20px Tahoma, Geneva, sans-serif;
padding-bottom: 5px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(249, 249, 249, 1)), color-stop(100%, rgba(234, 234, 234, 1)));
background: -moz-linear-gradient(left top, left bottom, color-stop(0%, rgba(249, 249, 249, 1)), color-stop(100%, rgba(234, 234, 234, 1)));
background: linear-gradient(left top, left bottom, color-stop(0%, rgba(249, 249, 249, 1)), color-stop(100%, rgba(234, 234, 234, 1)));
border: 1px solid #d6d6d6;
color: #888;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
font-weight: normal;
text-shadow: 0 1px 0 #f8f8f8;
transition: 0.5s;

}

.pagenavi a:hover, .pagenavi .current {
background: -webkit-linear-gradient(top, #f44 0%, #c00 100%);
background: -moz-linear-gradient(top, #f44 0%, #c00 100%);
background: linear-gradient(top, #f44 0%, #c00 100%);
color: #fff;
text-decoration: none;
border: 1px solid #c00;
font-weight: normal;
text-shadow: 0 1px 0 #c00;
transition: 0.5s;
}

.pagenavi .pages{
font-weight: normal;
color: #888;
max-width: 48px;
font: bold 12px/20px Tahoma, Geneva, sans-serif;
font-weight: normal;
text-shadow: 0 1px 0 #f8f8f8;
}

.pagenavi .pages {
border: 1px solid #d6d6d6;
background: -webkit-linear-gradient(top, rgba(249, 249, 249, 1) 0%, rgba(234, 234, 234, 1) 100%);
background: -moz-linear-gradient(top, rgba(249, 249, 249, 1) 0%, rgba(234, 234, 234, 1) 100%);
background: linear-gradient(top, rgba(249, 249, 249, 1) 0%, rgba(234, 234, 234, 1) 100%);
}

.ei-slider{
position: relative;
width: 98%;
max-width: 650px;
height: 250px;
margin: 0 auto;
padding: 0;
background-color: white;
}

.ei-slider-loading{width:100%;height:100%;z-index:997;position:absolute;top:0;left:0;background-color:white;text-indent:-9999px;background-image:url(http://2.bp.blogspot.com/-aFHDAB82tQw/UCEoDlHaNOI/AAAAAAAAEUg/J5hyAZvUVxo/s1600/loading.gif);background-position:50% 50%;background-repeat:no-repeat}

.ei-slider-large{
height: 100%;
position: relative;
overflow: hidden;
margin: 0;
padding: 0;
border: 3px solid #B8B8B8;
}

.ei-slider-large li{position:absolute;top:0;left:0;overflow:hidden;height:100%;width:100%;list-style:none}

.ei-slider-large li img{width:100%;border:0;padding:0}

.ei-title{position:absolute;right:8%;left:8%;bottom:20%;color:#fff;opacity:0.8}

.ei-title p{text-align:left}

.ei-title h2 {
font-family: GESSTwoMediumRegular;
text-align: right;
margin-left: auto;
font-weight: normal;
font-size: 16px;
line-height: 20px;
color: #FFFFFF;
max-width: 92%;
text-transform: capitalize;
background: #f44;
padding: 5px;
}

.ei-title h2 a {color: white;text-decoration: none;}

.ei-title h2 a:hover{text-decoration:none;color:#fff}

.ei-title p{
font-family: tahoma;
text-align: right;
font-weight: normal;
margin-left: auto;
font-size: 11px;
line-height: 15px;
width: 90%;
overflow: hidden;
height: 14px;
clear: both;
background: #444;
padding: 5px 10px;
position: relative;
left: -5%;
}

.ei-slider-thumbs {
padding: 0 0;
height: 16px;
margin: 0 auto;
width: 638px;
position: relative;
}
.ei-slider-thumbs li{position:relative;float:right;height:100%;width:20%;list-style:none}

.ei-slider-thumbs li.ei-slider-element{
top: 0;
left: 0;
position: absolute;
height: 115%;
width: 20%;
z-index: 10;
text-indent: -9000px;
background: #f44;
  }

.ei-slider-thumbs li a {
display: block;
text-indent: -9000px;
background: #DBDBDB;
width: 100%;
height: 100%;
cursor: pointer;
-webkit-box-shadow: 0 1px 1px 0 rgba(209, 209, 209, 0.3),0px 1px 0 1px rgba(167, 167, 167, 0.5);
-moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.3),0px 1px 0 1px rgba(0,0,0,0.5);
box-shadow: 0 1px 1px 0 rgba(206, 206, 206, 0.3),0px 1px 0 1px rgba(156, 156, 156, 0.5);
-webkit-transition: background 0.2s ease;
-moz-transition: background 0.2s ease;
-o-transition: background 0.2s ease;
-ms-transition: background 0.2s ease;
transition: background 0.2s ease;
}

.ei-slider-thumbs li a:hover{background-color:#f0f0f0}

.ei-slider-thumbs li img {
position: absolute;
bottom: 100px;
opacity: 0;
z-index: 999;
width: 100%;
padding: 0;
background-color: white;
border-radius: 2px 2px 0 0;
border: 0;
max-width: 100%;
height: 55px;
max-height: 70px;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
transition: all 0.4s ease;
-webkit-box-reflect: below 0 -webkit-gradient( linear,left top,left bottom,from(transparent),color-stop(50%,transparent),to(rgba(255,255,255,0.3)) );
-ms-filter: &quot;progid:DXImageTransform.Microsoft.Alpha(Opacity=0)&quot;;
}

.ei-slider-thumbs li:hover img{opacity:1;bottom:13px;-ms-filter:&quot;progid:DXImageTransform.Microsoft.Alpha(Opacity=100)&quot;}

@media only screen and (max-width:479px){

  .ei-slider{height:200px}

  .ei-title{bottom:5%}

  .ei-title h2{font-size:14px;line-height:17px}

}